<template>
  <div>
    <span v-if="num==1" class="badge badge-strong">大</span>
    <span class="badge badge-normal" v-else-if="num==2">中</span>
    <span class="badge badge-little" v-else-if="num==3">小</span>
    <span class="badge badge-none" v-else>{{num}}</span>
  </div>
</template>
<script>
// num 1:大 2中 3小 4无
export default {
  props: [
    'num'
  ]
}
</script>
<style>

</style>
